<template>
  <div class="col-12" style="padding-left: 0px; height: 1100px; float: right">
    <!-- 分行 -->
    <div
      class="row m-0"
      style="
        width: 100%;
        height: 112px;

        border-bottom: 1px solid #e0e0e0;
      "
    >
      <div class="col-4" style="padding: 0">
        <img
          src="https://ddimg.ddxq.mobi/e13725751514881445681.jpg!maicai.product.list"
          alt=""
          style="height: 90px; padding: 10px 10px"
        />
      </div>
      <div class="col-8" style="padding-left: 1px">
        <div style="height: 103px; width: 100%">
          <div class="name">乡吧佬卤蛋 25g/只</div>
          <br />
          <div class="value text-truncate">
            新老包装更新中 文火慢卤 充分入味
          </div>
          <div class="empty"></div>
          <div class="menu-price">￥1.00</div>
          <van-icon
            name="cart-circle"
            size="2.5rem"
            color="#00cc33"
            style="float: right; bottom: 5px"
          />
        </div>
      </div>
    </div>
    <!-- 分行 -->
    <div
      class="row m-0"
      style="
        width: 100%;
        height: 112px;

        border-bottom: 1px solid #e0e0e0;
      "
    >
      <div class="col-4" style="padding: 0">
        <img
          src="https://ddimg.ddxq.mobi/e13725751514881445681.jpg!maicai.product.list"
          alt=""
          style="height: 90px; padding: 10px 10px"
        />
      </div>
      <div class="col-8" style="padding-left: 1px">
        <div style="height: 103px; width: 100%">
          <div class="name">乡吧佬卤蛋 25g/只</div>
          <br />
          <div class="value text-truncate">
            新老包装更新中 文火慢卤 充分入味
          </div>
          <div class="empty"></div>
          <div class="menu-price">￥1.00</div>
          <van-icon
            name="cart-circle"
            size="2.5rem"
            color="#00cc33"
            style="float: right; bottom: 5px"
          />
        </div>
      </div>
    </div>
    <!-- 分行 -->
    <div
      class="row m-0"
      style="
        width: 100%;
        height: 112px;

        border-bottom: 1px solid #e0e0e0;
      "
    >
      <div class="col-4" style="padding: 0">
        <img
          src="https://ddimg.ddxq.mobi/e13725751514881445681.jpg!maicai.product.list"
          alt=""
          style="height: 90px; padding: 10px 10px"
        />
      </div>
      <div class="col-8" style="padding-left: 1px">
        <div style="height: 103px; width: 100%">
          <div class="name">乡吧佬卤蛋 25g/只</div>
          <br />
          <div class="value text-truncate">
            新老包装更新中 文火慢卤 充分入味
          </div>
          <div class="empty"></div>
          <div class="menu-price">￥1.00</div>
          <van-icon
            name="cart-circle"
            size="2.5rem"
            color="#00cc33"
            style="float: right; bottom: 5px"
          />
        </div>
      </div>
    </div>
    <!-- 分行 -->
    <div
      class="row m-0"
      style="
        width: 100%;
        height: 112px;

        border-bottom: 1px solid #e0e0e0;
      "
    >
      <div class="col-4" style="padding: 0">
        <img
          src="https://ddimg.ddxq.mobi/e13725751514881445681.jpg!maicai.product.list"
          alt=""
          style="height: 90px; padding: 10px 10px"
        />
      </div>
      <div class="col-8" style="padding-left: 1px">
        <div style="height: 103px; width: 100%">
          <div class="name">乡吧佬卤蛋 25g/只</div>
          <br />
          <div class="value text-truncate">
            新老包装更新中 文火慢卤 充分入味
          </div>
          <div class="empty"></div>
          <div class="menu-price">￥1.00</div>
          <van-icon
            name="cart-circle"
            size="2.5rem"
            color="#00cc33"
            style="float: right; bottom: 5px"
          />
        </div>
      </div>
    </div>
    <!-- 分行 -->
    <div
      class="row m-0"
      style="
        width: 100%;
        height: 112px;

        border-bottom: 1px solid #e0e0e0;
      "
    >
      <div class="col-4" style="padding: 0">
        <img
          src="https://ddimg.ddxq.mobi/e13725751514881445681.jpg!maicai.product.list"
          alt=""
          style="height: 90px; padding: 10px 10px"
        />
      </div>
      <div class="col-8" style="padding-left: 1px">
        <div style="height: 103px; width: 100%">
          <div class="name">乡吧佬卤蛋 25g/只</div>
          <br />
          <div class="value text-truncate">
            新老包装更新中 文火慢卤 充分入味
          </div>
          <div class="empty"></div>
          <div class="menu-price">￥1.00</div>
          <van-icon
            name="cart-circle"
            size="2.5rem"
            color="#00cc33"
            style="float: right; bottom: 5px"
          />
        </div>
      </div>
    </div>
    <!-- 分行 -->
    <div
      class="row m-0"
      style="
        width: 100%;
        height: 112px;

        border-bottom: 1px solid #e0e0e0;
      "
    >
      <div class="col-4" style="padding: 0">
        <img
          src="https://ddimg.ddxq.mobi/e13725751514881445681.jpg!maicai.product.list"
          alt=""
          style="height: 90px; padding: 10px 10px"
        />
      </div>
      <div class="col-8" style="padding-left: 1px">
        <div style="height: 103px; width: 100%">
          <div class="name">乡吧佬卤蛋 25g/只</div>
          <br />
          <div class="value text-truncate">
            新老包装更新中 文火慢卤 充分入味
          </div>
          <div class="empty"></div>
          <div class="menu-price">￥1.00</div>
          <van-icon
            name="cart-circle"
            size="2.5rem"
            color="#00cc33"
            style="float: right; bottom: 5px"
          />
        </div>
      </div>
    </div>
    <!-- 分行 -->
    <div
      class="row m-0"
      style="
        width: 100%;
        height: 112px;

        border-bottom: 1px solid #e0e0e0;
      "
    >
      <div class="col-4" style="padding: 0">
        <img
          src="https://ddimg.ddxq.mobi/e13725751514881445681.jpg!maicai.product.list"
          alt=""
          style="height: 90px; padding: 10px 10px"
        />
      </div>
      <div class="col-8" style="padding-left: 1px">
        <div style="height: 103px; width: 100%">
          <div class="name">乡吧佬卤蛋 25g/只</div>
          <br />
          <div class="value text-truncate">
            新老包装更新中 文火慢卤 充分入味
          </div>
          <div class="empty"></div>
          <div class="menu-price">￥1.00</div>
          <van-icon
            name="cart-circle"
            size="2.5rem"
            color="#00cc33"
            style="float: right; bottom: 5px"
          />
        </div>
      </div>
    </div>
    <!-- 分行 -->
    <div
      class="row m-0"
      style="
        width: 100%;
        height: 112px;

        border-bottom: 1px solid #e0e0e0;
      "
    >
      <div class="col-4" style="padding: 0">
        <img
          src="https://ddimg.ddxq.mobi/e13725751514881445681.jpg!maicai.product.list"
          alt=""
          style="height: 90px; padding: 10px 10px"
        />
      </div>
      <div class="col-8" style="padding-left: 1px">
        <div style="height: 103px; width: 100%">
          <div class="name">乡吧佬卤蛋 25g/只</div>
          <br />
          <div class="value text-truncate">
            新老包装更新中 文火慢卤 充分入味
          </div>
          <div class="empty"></div>
          <div class="menu-price">￥1.00</div>
          <van-icon
            name="cart-circle"
            size="2.5rem"
            color="#00cc33"
            style="float: right; bottom: 5px"
          />
        </div>
      </div>
    </div>
    <!-- 分行 -->
    <div
      class="row m-0"
      style="
        width: 100%;
        height: 112px;

        border-bottom: 1px solid #e0e0e0;
      "
    >
      <div class="col-4" style="padding: 0">
        <img
          src="https://ddimg.ddxq.mobi/e13725751514881445681.jpg!maicai.product.list"
          alt=""
          style="height: 90px; padding: 10px 10px"
        />
      </div>
      <div class="col-8" style="padding-left: 1px">
        <div style="height: 103px; width: 100%">
          <div class="name">乡吧佬卤蛋 25g/只</div>
          <br />
          <div class="value text-truncate">
            新老包装更新中 文火慢卤 充分入味
          </div>
          <div class="empty"></div>
          <div class="menu-price">￥1.00</div>
          <van-icon
            name="cart-circle"
            size="2.5rem"
            color="#00cc33"
            style="float: right; bottom: 5px"
          />
        </div>
      </div>
    </div>
    <!-- 分行 -->
    <div
      class="row m-0"
      style="
        width: 100%;
        height: 112px;

        border-bottom: 1px solid #e0e0e0;
      "
    >
      <div class="col-4" style="padding: 0">
        <img
          src="https://ddimg.ddxq.mobi/e13725751514881445681.jpg!maicai.product.list"
          alt=""
          style="height: 90px; padding: 10px 10px"
        />
      </div>
      <div class="col-8" style="padding-left: 1px">
        <div style="height: 103px; width: 100%">
          <div class="name">乡吧佬卤蛋 25g/只</div>
          <br />
          <div class="value text-truncate">
            新老包装更新中 文火慢卤 充分入味
          </div>
          <div class="empty"></div>
          <div class="menu-price">￥1.00</div>
          <van-icon
            name="cart-circle"
            size="2.5rem"
            color="#00cc33"
            style="float: right; bottom: 5px"
          />
        </div>
      </div>
    </div>
    <!-- 分行 -->
    <div
      class="row m-0"
      style="
        width: 100%;
        height: 112px;

        border-bottom: 1px solid #e0e0e0;
      "
    >
      <div class="col-4" style="padding: 0">
        <img
          src="https://ddimg.ddxq.mobi/e13725751514881445681.jpg!maicai.product.list"
          alt=""
          style="height: 90px; padding: 10px 10px"
        />
      </div>
      <div class="col-8" style="padding-left: 1px">
        <div style="height: 103px; width: 100%">
          <div class="name">乡吧佬卤蛋 25g/只</div>
          <br />
          <div class="value text-truncate">
            新老包装更新中 文火慢卤 充分入味
          </div>
          <div class="empty"></div>
          <div class="menu-price">￥1.00</div>
          <van-icon
            name="cart-circle"
            size="2.5rem"
            color="#00cc33"
            style="float: right; bottom: 5px"
          />
        </div>
      </div>
    </div>
    <!-- 分行 -->
    <div
      class="row m-0"
      style="
        width: 100%;
        height: 112px;

        border-bottom: 1px solid #e0e0e0;
      "
    >
      <div class="col-4" style="padding: 0">
        <img
          src="https://ddimg.ddxq.mobi/e13725751514881445681.jpg!maicai.product.list"
          alt=""
          style="height: 90px; padding: 10px 10px"
        />
      </div>
      <div class="col-8" style="padding-left: 1px">
        <div style="height: 103px; width: 100%">
          <div class="name">乡吧佬卤蛋 25g/只</div>
          <br />
          <div class="value text-truncate">
            新老包装更新中 文火慢卤 充分入味
          </div>
          <div class="empty"></div>
          <div class="menu-price">￥1.00</div>
          <van-icon
            name="cart-circle"
            size="2.5rem"
            color="#00cc33"
            style="float: right; bottom: 5px"
          />
        </div>
      </div>
    </div>
    <!-- 分行 -->
    <div
      class="row m-0"
      style="
        width: 100%;
        height: 112px;

        border-bottom: 1px solid #e0e0e0;
      "
    >
      <div class="col-4" style="padding: 0">
        <img
          src="https://ddimg.ddxq.mobi/e13725751514881445681.jpg!maicai.product.list"
          alt=""
          style="height: 90px; padding: 10px 10px"
        />
      </div>
      <div class="col-8" style="padding-left: 1px">
        <div style="height: 103px; width: 100%">
          <div class="name">乡吧佬卤蛋 25g/只</div>
          <br />
          <div class="value text-truncate">
            新老包装更新中 文火慢卤 充分入味
          </div>
          <div class="empty"></div>
          <div class="menu-price">￥1.00</div>
          <van-icon
            name="cart-circle"
            size="2.5rem"
            color="#00cc33"
            style="float: right; bottom: 5px"
          />
        </div>
      </div>
    </div>
    <!-- 分行 -->
    <div style="height: 60px"></div>
  </div>
</template>
<style>
.name {
  margin-right: 0.125rem;
  padding-top: 7px;
  font-size: 1.1rem;
  float: left;
}
.value {
  width: 100%;
  min-height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.85rem;
  color: #999999;
  float: left;
  overflow: hidden;
  white-space: nowrap;
}
.menu-price {
  display: inline-block;
  height: 1.875rem;
  line-height: 1.875rem;
  font-weight: bold;
  font-size: 1.15rem;
  float: left;
  color: #fe6263;
}
.empty {
  height: 2.875rem;
}
</style>